<!DOCTYPE html>
<html>
<head>
    <link rel="import" href="../include/_head.html?__inline">
</head>
<body>
<div class="jx-layout">
    <div class="jx-layout-wrap" style="padding-top:84px;">
        <div class="jx-layout-tool">
            <form class="jxform jx-layout-form form-inline">
                <div class="form-group">
                    <label for="exampleInputName2">关键字：</label>
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="请输入关键字查询">
                </div>
                <div class="form-group ml-5">
                    <label>时间：</label>
                    <div class="jxdate input-group date">
                        <input class="form-control" name="ReservationDateTimeEndDate"
                               data-validate="{required: [true,'请选择日期']}"
                               type="text" placeholder="请选择日期">
                        <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                    </div>
                </div>
                <button class="btn btn-primary ml-5" type="submit">
                    <i class="fa fa-search"></i> 查询
                </button>
            </form>
            <div style="height:30px;line-height: 30px;font-size: 16px;border-bottom: 1px solid #ccc;text-align: center;">
                总数：<b class="color-red mr-5">22</b>
                平均数：<b class="color-green mr-5">82</b>
                业户数：<b class="color-blue mr-5">182</b>
            </div>
        </div>

        <div class="jx-layout-body jxgrid"
             data-url="../mock/grid.json"
             data-main-id="F_CustomerId"
             data-main-text="F_FullName"
             data-autu-load="false"
             data-is-multiselect="true"
             data-head-data="[
                {label:'客户编号',name:'F_EnCode',width:130, align:'center',sort:true,statistics:true},
                {label:'客户名称',name:'F_FullName',width:200, align:'left',sort:true,statistics:true},
                {label:'客户级别',name:'F_CustLevelId',width:100, align:'center'},
                {label:'客户类别', name:'F_CustTypeId', width:100, align:'center'},
                {label:'客户程度', name:'F_CustDegreeId', width:100, align:'center'},
                {label:'公司行业', name:'F_CustIndustryId', width:100, align:'center'},
                {label:'联系人',name:'F_Contact',width:100, align:'center'},
                {label:'跟进人员', name:'F_TraceUserName', width:100, align:'center'}
             ]"></div>
    </div>
</div>
</body>
</html>